<!doctype html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    @vite('resources/css/app.css')
    <title>理想国</title>
</head>
<body>
<div class="mxa sticky top-0">
    <div
        class="flex justify-between items-center pt-3 pb-14 px-5 md:px-5 lg:px-36 bg-gradient-to-b from-base-300 to-transparent">
        <a href="">
            <h1 class="text-lg font-bold uppercase m-2">理想国</h1>
        </a>
        <div class="flex flex-row items-center gap-2">
            <div class=" flex-row gap-1 hidden md:flex lg:flex">

            </div>

            <button class=" btn btn-ghost">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5">
                    <path fill-rule="evenodd"
                          d="M9 3.5a5.5 5.5 0 100 11 5.5 5.5 0 000-11zM2 9a7 7 0 1112.452 4.391l3.328 3.329a.75.75 0 11-1.06 1.06l-3.329-3.328A7 7 0 012 9z"
                          clip-rule="evenodd" />
                </svg>

            </button>

        </div>
    </div>
</div>
<div class="px-5 md:px-5 lg:px-36">
    <div class="flex flex-col items-center gap-5">
        <div class="rounded-full overflow-hidden w-20 h-20">
            <img class="object-cover mx-auto transition ease-in-out hover:scale-110"
                 src=""
                 alt="">
        </div>
        <div class="flex flex-col items-center gap-2 max-w-sm">
            <h1 class="text-xl font-bold">卡密验证</h1>
            <p class="text-base">已然遥远的理想乡，那是我们的理想国</p>
            <div class="flex flex-row gap-2">
                <a href="/admin" class="mt-4">登录</a>
            </div>
        </div>

    </div>
    <div class="grid grid-cols-1 pt-10 gap-5 md:grid-cols-2 lg:grid-cols-4 mb-10">
        <div
            class="flex flex-col bg-base-200/50 p-5 rounded-lg gap-2 transition ease-in-out hover:translate-y-2 md:hover:skew-y-2">
            <h2 class="text-sm font-bold">安全</h2>
            <p class="uppercase text-xs">比特币同款签名校验</p>
        </div>
        <div
            class="flex flex-col bg-base-200/50 p-5 rounded-lg gap-2 transition ease-in-out hover:translate-y-2 md:hover:skew-y-2">
            <h2 class="text-sm font-bold">高效</h2>
            <p class="uppercase text-xs">新一代防破解 , 最先进的加密校验算法 , 超强防破解</p>
        </div>
        <div
            class="flex flex-col bg-base-200/50 p-5 rounded-lg gap-2 transition ease-in-out hover:translate-y-2 md:hover:skew-y-2">
            <h2 class="text-sm font-bold">成本</h2>
            <p class="uppercase text-xs">无需购买服务器、域名、空间等 ,</p>
        </div>
        <div
            class="flex flex-col bg-base-200/50 p-5 rounded-lg gap-2 transition ease-in-out hover:translate-y-2 md:hover:skew-y-3">
            <h2 class="text-sm font-bold">专业</h2>
            <p class="uppercase text-xs">我们的团队拥有丰富的软件行业经验 , 我们承诺提供业界内最为迅速的问题响应和最为敏捷的交流方式 , 提供贴心的管家式服务 , 不用担心再也找不到人的问题</p>
        </div>

    </div>
    <div
        class="flex flex-col gap-5 md:gap-10 lg:gap-10 justify-start items-start md:items-center md:flex-row lg:flex-row py-5">
        <div class="flex flex-col flex-none gap-1">
            <h2 class="text-3xl font-black">理想国</h2>
            <div class="flex gap-2 flex-row md:flex-col">
                <p class="text-xs">全新卡密验证</p>
            </div>
        </div>
        <div class="flex flex-col">
            <p class="text-sm  leading-loose">
                理想国网络验证系统是一套专为软件开发者设计的防破解授权计费系统<br>
                系统采用AES高级加密 + MD5双向校验算法的多重安全防护 , 超强防破解 , 更好的保护您的软件作品<br>
            </p>
        </div>
    </div>
    <div class="divider"></div>
</div>

</body>
</html>
